﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="PEM.Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Login</title>
    <link rel="stylesheet" href="Styles/screen.css" type="text/css" media="screen" title="default" />
    <script src="js/jquery/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="js/jquery/custom_jquery.js" type="text/javascript"></script>
    <script src="js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(document).pngFix();
        });
    </script>
</head>
<body id="login-bg">
    <form id="form1" runat="server">
    <!-- Start: login-holder -->
    <div id="login-holder">
        <!-- start logo -->
        <div id="logo-login">
            <a href="Default.aspx">
                <img src="images/shared/logo.png" width="156" height="40" alt="" />
            </a>
        </div>
        <!-- end logo -->
        <div class="clear">
        </div>
        <!--  start loginbox ................................................................................. -->
        <div id="loginbox">
            <!--  start login-inner -->
            <div id="login-inner">
                <table border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <th>
                            Username
                        </th>
                        <td>
                            <input id="txtUserName" runat="server" type="text" class="login-inp" />
                        </td>
                    </tr>
                    <tr>
                        <th>
                            Password
                        </th>
                        <td>
                            <input id="txtPassword" type="password" value="************" onfocus="this.value=''" class="login-inp" />
                        </td>
                    </tr>
                    <tr>
                        <th>
                        </th>
                        <td valign="top">
                            <input runat="server" type="checkbox" class="checkbox-size" id="logincheck" /><label for="login-check">Remember me</label>
                        </td>
                    </tr>
                    <tr>
                        <th>
                        </th>
                        <td>
                            <input runat="server" id="btnLogin" onclick="OnButtonClick" type="button" class="submit-login" />
                        </td>
                    </tr>
                </table>
            </div>
            <!--  end login-inner -->
            <div class="clear">
            </div>
            <a href="" class="forgot-pwd">Forgot Password?</a>
        </div>
        <!--  end loginbox -->
        <!--  start forgotbox ................................................................................... -->
        <div id="forgotbox">
            <div id="forgotbox-text">
                Please send us your email and we'll reset your password.</div>
            <!--  start forgot-inner -->
            <div id="forgot-inner">
                <table border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <th>
                            Email address:
                        </th>
                        <td>
                            <input runat="server" id="txtEmailAddress" type="text" value="" class="login-inp" />
                        </td>
                    </tr>
                    <tr>
                        <th>
                        </th>
                        <td>
                            <input runat="server" id="btnForgotPassword" type="button" class="submit-login" />
                        </td>
                    </tr>
                </table>
            </div>
            <!--  end forgot-inner -->
            <div class="clear">
            </div>
            <a href="" class="back-login">Back to login</a>
        </div>
        <!--  end forgotbox -->
    </div>
    <!-- End: login-holder -->
    </form>
</body>
</html>
